<script setup lang="ts">
import serverStore from "../../store/modules/server-store"
import ServerList from "./components/ServerList.vue"
</script>

<template>
  <div class="server-manager-page px-4 py-2">
    <div class="server-manager-page__top">
      <div class="server-current mb-2 flex-between gap-2">
        <div class="flex-1">
          <TextEllipsisPopover class="text-lg font-bold" :text="serverStore.current.name"/>
          <TextEllipsisPopover :text="serverStore.current.host + ':' + serverStore.current.port"/>
          <TextEllipsisPopover :text="serverStore.current.username"/>
        </div>
        <div class="flex gap-2">
          <ServerAdd/>
          <ServerEdit/>
          <ServerChange/>
        </div>
      </div>
      <ServerList />
    </div>
  </div>
</template>

<style scoped>

</style>
